package com.example.therDays.ui.components.moreInformation


import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*

import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.Icon
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.example.therDays.R
import com.example.therDays.ui.model.entity.MoreItemModel

@Composable
fun MoreItem(moreItemModel:MoreItemModel) {
    Row(modifier = Modifier
        .width(166.dp)
        .height(80.dp)
        .padding(4.dp)
        .clip(RoundedCornerShape(12.dp))
        .background(Color(0xFFFAFAFA))
    ) {
        Column(modifier = Modifier
            .fillMaxHeight()
            .width(60.dp),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally){
            Image(painter = painterResource(id = R.drawable.group10), contentDescription = null)
        }
        Column(modifier = Modifier.fillMaxHeight().padding(start = 4.dp),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally) {
            Text(text = moreItemModel.numerical, style = TextStyle(
                fontSize = 18.sp),
                modifier = Modifier.padding(bottom =4.dp)
            )
            Text(text = moreItemModel.name, style = TextStyle(
                fontSize = 14.sp),
            )
        }
    }
}

